@charset "UTF-8";
/*body,html{height:100%;width:100%}*/
*{margin:0px;padding:0px;}
body{
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';-webkit-text-size-adjust:100%;
    font-family:Microsoft YaHei,"微软雅黑",Arial,sans-serif;
    font-weight:400;background:#F4F4F4;font-size:14px;color:#616161;
    overflow-x:hidden;overflow-y:auto;
    webkit-tap-highlight-color:#222222;
}
ol,ul{list-style:none}
li{list-style-type:none}

img { -ms-interpolation-mode: bicubic; /*IE 7.0+*/}
img { image-rendering: optimizeQuality; /* FF 3.6 */}

a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;color:#555555}
a:focus,a:hover{color:#4169E1}
hr{max-width:100px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,.1)}
hr.light{border-color:#FFFFFF}
h1,h2,h3{margin-top: 10px;}
h1,h2,h3,h4,h5,h6{font-weight:200;letter-spacing:1px}
.mclear{clear: both; visibility: hidden; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px;}

.page-header{font-size: 22px;}
h2.page-header {margin:10px 0  25px 0;padding-bottom:15px;}
.form-layer-box{margin: 20px;}

.m-0{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}
.mt-0{margin-top:0!important}
.mr-0{margin-right:0!important}
.mb-0{margin-bottom:0!important}
.ml-0{margin-left:0!important}
.mx-0{margin-left:0!important;margin-right:0!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.p-0{padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}
.pl-0{padding-left:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.m-1{margin-top:5px!important;margin-right:5px!important;margin-bottom:5px!important;margin-left:5px!important}
.mt-1{margin-top:5px!important}
.mr-1{margin-right:5px!important}
.mb-1{margin-bottom:5px!important}
.ml-1{margin-left:5px!important}
.mx-1{margin-left:5px!important;margin-right:5px!important}
.my-1{margin-top:5px!important;margin-bottom:5px!important}
.p-1{padding-top:5px!important;padding-right:5px!important;padding-bottom:5px!important;padding-left:5px!important}
.pt-1{padding-top:5px!important}
.pr-1{padding-right:5px!important}
.pb-1{padding-bottom:5px!important}
.pl-1{padding-left:5px!important}
.px-1{padding-left:5px!important;padding-right:5px!important}
.py-1{padding-top:5px!important;padding-bottom:5px!important}
.m-2{margin-top:10px!important;margin-right:10px!important;margin-bottom:10px!important;margin-left:10px!important}
.mt-2{margin-top:10px!important}
.mr-2{margin-right:10px!important}
.mb-2{margin-bottom:10px!important}
.ml-2{margin-left:10px!important}
.mx-2{margin-left:10px!important;margin-right:10px!important}
.my-2{margin-top:10px!important;margin-bottom:10px!important}
.p-2{padding-top:10px!important;padding-right:10px!important;padding-bottom:10px!important;padding-left:10px!important}
.pt-2{padding-top:10px!important}
.pr-2{padding-right:10px!important}
.pb-2{padding-bottom:10px!important}
.pl-2{padding-left:10px!important}
.px-2{padding-left:10px!important;padding-right:10px!important}
.py-2{padding-top:10px!important;padding-bottom:10px!important}
.m-3{margin-top:15px!important;margin-right:15px!important;margin-bottom:15px!important;margin-left:15px!important}
.mt-3{margin-top:15px!important}
.mr-3{margin-right:15px!important}
.mb-3{margin-bottom:15px!important}
.ml-3{margin-left:15px!important}
.mx-3{margin-left:15px!important;margin-right:15px!important}
.my-3{margin-top:15px!important;margin-bottom:15px!important}
.p-3{padding-top:15px!important;padding-right:15px!important;padding-bottom:15px!important;padding-left:15px!important}
.pt-3{padding-top:15px!important}
.pr-3{padding-right:15px!important}
.pb-3{padding-bottom:15px!important}
.pl-3{padding-left:15px!important}
.px-3{padding-left:15px!important;padding-right:15px!important}
.py-3{padding-top:15px!important;padding-bottom:15px!important}
.m-4{margin-top:20px!important;margin-right:20px!important;margin-bottom:20px!important;margin-left:20px!important}
.mt-4{margin-top:20px!important}
.mr-4{margin-right:20px!important}
.mb-4{margin-bottom:20px!important}
.ml-4{margin-left:20px!important}
.mx-4{margin-left:20px!important;margin-right:20px!important}
.my-4{margin-top:20px!important;margin-bottom:20px!important}
.p-4{padding-top:20px!important;padding-right:20px!important;padding-bottom:20px!important;padding-left:20px!important}
.pt-4{padding-top:20px!important}
.pr-4{padding-right:20px!important}
.pb-4{padding-bottom:20px!important}
.pl-4{padding-left:20px!important}
.px-4{padding-left:20px!important;padding-right:20px!important}
.py-4{padding-top:20px!important;padding-bottom:20px!important}
.mx-auto{margin:0 auto!important;float:none!important}
.my-auto-parent{position:relative!important}
.my-auto{position:absolute!important;top:50%!important;transform:translateY(-50%)!important}

.red {color:red}
.mediumvioletred {color:mediumvioletred}
.khaki {color: khaki}

.fsize12 {font-size: 12px;}
.fsize15 {font-size: 15px;}
.fsize16 {font-size: 16px;}
.fsize18 {font-size: 18px;}

.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
.btn-gray{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn-gray:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}
.btn-light,.label-primary{color:#0084ff;background:rgba(0,132,255,.1);border-color:transparent}
.btn-light:hover,.label-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}
.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}
.btn-light.active,.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.voted{color:#fff;background-color:#007bff;border-color:#007bff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-lg{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.wow{visibility:hidden}

/*按钮样式*/
/*
.button{color:#666;background-color:#eee;border-color:#eee;font-weight:300;font-size:16px;text-decoration:none;text-align:center;line-height:40px;height:40px;padding:0 40px;margin:0;display:inline-block;appearance:none;cursor:pointer;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s}
.button:focus,.button:hover{background-color:#f6f6f6;text-decoration:none;outline:0}
.button.active,.button:active{text-shadow:0 1px 0 rgba(255,255,255,.3);text-decoration:none;background-color:#eee;border-color:#cfcfcf;color:#d4d4d4;-webkit-transition-duration:0s;transition-duration:0s;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}
.button-pill {border-radius: 200px;}

.button-primary{background-color:#1b9af7;border-color:#1b9af7;color:#fff}
.button-primary:visited{color:#fff}
.button-primary:focus,.button-primary:hover{background-color:#4cb0f9;border-color:#4cb0f9;color:#fff}
.button-primary.active,.button-primary:active{background-color:#2798eb;border-color:#2798eb;color:#0880d7}

.button-raised{border-color:#e1e1e1;border-style:solid;border-width:1px;line-height:38px;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e1e1e1));background:linear-gradient(#f6f6f6,#e1e1e1);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.15)}
.button-raised:focus,.button-raised:hover{background:-webkit-gradient(linear,left top,left bottom,from(white),to(gainsboro));background:linear-gradient(top,#fff,#dcdcdc)}
.button-raised.active,.button-raised:active{background:#eee;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 #fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 #fff}

.button-raised.button-primary{border-color:#088ef0;background:-webkit-gradient(linear,left top,left bottom,from(#34a5f8),to(#088ef0));background:linear-gradient(#34a5f8,#088ef0)}
.button-raised.button-primary:focus,.button-raised.button-primary:hover{background:-webkit-gradient(linear,left top,left bottom,from(#42abf8),to(#0888e6));background:linear-gradient(top,#42abf8,#0888e6)}
.button-raised.button-primary.active,.button-raised.button-primary:active{border-color:#0880d7;background:#2798eb}
*/
.button-3d{position:relative;top:0;-webkit-box-shadow:0 3px 0 #bbb,0 8px 3px rgba(0,0,0,.2)}
.button-3d:focus,.button-3d:hover{-webkit-box-shadow:0 3px 0 #bbb,0 8px 3px rgba(0,0,0,.2)}
.button-3d.active,.button-3d.is-active,.button-3d:active{top:5px;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-box-shadow:0 2px 0 #bbb,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 #bbb,0 3px 3px rgba(0,0,0,.2)}

.bg-primary{background:#fdcc52;background:-webkit-linear-gradient(#fdcc52,#fdc539);background:linear-gradient(#fdcc52,#fdc539)}
.text-primary{color:#fdcc52}
.no-gutter>[class*=col-]{padding-right:0;padding-left:0}
.btn-outline{color:#fff;border-color:#fff;border:1px solid}
.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff;background-color:#fdcc52;border-color:#fdcc52}
.btn-xl{margin-top:20px;padding:10px 45px;font-size:14px}
.radbtn{text-transform:uppercase;letter-spacing:2px;border-radius:300px}
.text-primary,.text-primary:hover{color:#2c3e50}
.text-success,.text-success:hover{color:#18bc9c}
.text-danger,.text-danger:hover{color:#e74c3c}
.text-warning,.text-warning:hover{color:#f39c12}
.text-info,.text-info:hover{color:#3498db}
.well{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.alert-primary-light{background-color:#e2e5e8;border-color:#d0d4d8;color:#85878a}
.alert-primary-light a{color:#787a7d}
.alert-success-light{background-color:#dff0d8;border-color:#d1eac8;color:#468847}
.alert-success-light a{color:#3d773e}
.alert-danger-light,.alert-error-light{background-color:#f2dede;border-color:#ebcdcd;color:#b94a48}
.alert-danger-light a,.alert-error-light a{color:#a74240}
.alert-warning-light{background-color:#fcf8e3;border-color:#faf3cd;color:#c09853}
.alert-warning-light a{color:#b78c43}
.alert-info-light{background-color:#d9edf7;border-color:#c6e4f3;color:#3a87ad}
.alert-info-light a{color:#34789a}

.badge-primary,.label-primary{background-color:#1ab394;color:#fff}
.badge-success,.label-success{background-color:#1c84c6;color:#fff}
.badge-warning,.label-warning{background-color:#f8ac59;color:#fff}
.badge-warning-light,.label-warning-light{background-color:#f8ac59;color:#fff}
.badge-danger,.label-danger{background-color:#ed5565;color:#fff}
.badge-info,.label-info{background-color:#23c6c8;color:#fff}
.badge-inverse,.label-inverse{background-color:#262626;color:#fff}
.badge-white,.label-white{background-color:#fff;color:#5e5e5e}
.badge-disable,.label-white{background-color:#2a2e36;color:#8b91a0}

.popover .popover-content{color: #555555;}

.tags{margin:0;display:inline-block}
.tags .tag{margin-bottom:5px}
.tag{display:inline-block;padding:0 8px;height:24px;line-height:24px;font-weight:400;font-size:13px;text-align:center;color:#0084ff;background:rgba(0,132,255,.1);margin-right:3px;border-radius:2px}
.tag img{width:16px;height:16px;margin-top:-1px;margin-right:3px}
.tag[href]:focus,.tag[href]:hover{background-color:#007bff;color:#fff;text-decoration:none}
.tag-xs{padding:0 6px;height:20px;line-height:20px;font-size:12px}
.tag-sm{padding:0 6px;height:22px;line-height:22px;font-size:13px}
.tag-lg{font-size:16px;font-weight:700;height:30px;line-height:28px}
.tag-link{background-color:transparent}
.tag-logo{padding-left:25px;background-repeat:no-repeat;background-position:4px 2px;background-size:16px 16px}
.tag-success{background-color:#dff0d8;color:#18bc9c}
.tag-info{background-color:#d9edf7;color:#3498db}
.tag-warning{background-color:#fcf8e3;color:#f39c12}
.tag-danger{background-color:#f2dede;color:#e74c3c}
.text-gray{color:#d2d6de!important}
.no-padding{padding:0!important}
.no-border{border:none!important}

@media (max-width:768px){
    .mobile-noshow{display: none;}
}
/* Layer样式 */
.layui-layer-dialog .layui-layer-content .layerarea-intro{max-height: 600px;}
.layui-layer-dialog .layui-layer-content p{margin-bottom: 3px;}
@media (max-width:768px) {
    .layui-layer-dialog .layui-layer-content .layerarea-intro{max-height: 450px !important;}
}

.ratetip { display: inline-block; vertical-align: text-bottom;}
.ratetip .num{display: inline-block; vertical-align: bottom; line-height: 20px;}

.uihorizontal{display:table;white-space:nowrap;height:auto;line-height:1;text-align:center;}
.uihorizontal:before,.uihorizontal:after {
    content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat;
    background-image: url("")
}
.uihorizontal:before{background-position: right 1em top 50%;}
.uihorizontal:after{background-position: left 1em top 50%;}

.ibox{clear:both;margin-bottom:25px;margin-top:0;padding:0}
.ibox-title{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fff;border-color:#e7eaec;-webkit-border-image:none;-o-border-image:none;border-image:none;border-style:solid solid none;border-width:4px 0 0;color:inherit;margin-bottom:0;padding:14px 15px 7px;min-height:48px}
.ibox-content{background-color:#fff;color:inherit;padding:15px 20px 20px 20px;border-color:#e7eaec;-webkit-border-image:none;-o-border-image:none;border-image:none;border-style:solid solid none;border-width:1px 0}

.tag-list{}
.tag-list li{float:left}
.tag-list li a{font-size:13px;background-color:#f3f3f4;padding:5px 12px;color:inherit;border-radius:2px;border:1px solid #e7eaec;margin-right:5px;margin-top:5px;display:block}

.trends_nav .tag-span{ text-align: center; background: #f4fafe; border: 1px solid #acd7ff; border-left: none; border-right: none; margin-left: -20px; margin-right: -20px;}
.trends_nav .tag-span a{display: inline-block; height: 46px; line-height: 42px; font-size: 16px; color: #828a92; text-align: center; padding: 0px 12px;}
.trends_nav .tag-span a.active{background: url(../img/tips_01.png) bottom center no-repeat;}

/*S 表单校验效果*/
.msg-wrap,
    .n-icon, .n-inline-block,
    .n-msg,.nice-validator [contenteditable],.nice-validator input,
    .nice-validator select,
    .nice-validator textarea{display:inline-block}

.nice-validator .msg-container .msg-box{display:block}
.nice-validator .msg-container .msg-wrap{position:static}
.msg-box{position:relative; width: 6px;}
.msg-wrap{position:relative;white-space:nowrap;line-height:16px;font-size:12px}
.msg-wrap,.n-icon,.n-msg{vertical-align:top}
.msg-box .msg-wrap .n-error,
    .msg-box .msg-wrap .n-ok,
    .msg-box .msg-wrap .n-tip{display:block;background:0 0;box-shadow:none;padding:3px 2px}
.n-arrow{position:absolute;overflow:hidden}
.n-arrow b,.n-arrow i{position:absolute;left:0;top:0;border:0;margin:0;padding:0;overflow:hidden;font-weight:400;font-style:normal;font-size:12px;font-family:serif;line-height:14px}
.n-arrow i{text-shadow:none}
.n-icon{width:16px;height:16px;overflow:hidden;background-repeat:no-repeat}
.n-msg{display:inline-block;margin-left:1px}
.n-error{color:#c33}
.n-ok{color:#390}
.n-loading,.n-tip .n-msg{color:grey}
.n-error .n-icon{background-position:0 0}
.n-ok .n-icon{background-position:-16px 0}
.n-tip .n-icon{background-position:-32px 0}
.n-loading .n-icon{background:url(../libs/nice-validator/dist/images/loading.gif) 0 center no-repeat!important}
.n-bottom,.n-left,.n-right,.n-top{display:inline-block;line-height:0;vertical-align:top;outline:0}
.n-bottom .n-arrow,.n-top .n-arrow{height:6px;width:12px;left:8px}
.n-left .n-arrow,.n-right .n-arrow{width:6px;height:12px;top:6px}
.n-top{vertical-align:top}
.n-top .msg-wrap{margin-bottom:6px}
.n-top .n-arrow{bottom:-6px}
.n-top .n-arrow b{top:-6px}
.n-top .n-arrow i{top:-7px}
.n-bottom{vertical-align:bottom}
.n-bottom .msg-wrap{margin-top:6px}
.n-bottom .n-arrow{top:-6px}
.n-bottom .n-arrow b{top:-1px}
.n-bottom .n-arrow i{top:0}
.n-left .msg-wrap{right:100%;margin-right:6px}
.n-left .n-arrow{right:-6px}
.n-left .n-arrow b{left:-6px}
.n-left .n-arrow i{left:-7px}
.n-right .msg-wrap{margin-left:0px}
.n-right .n-arrow{left:-6px}
.n-right .n-arrow b{left:1px}
.n-right .n-arrow i{left:2px}
.n-default .n-left,.n-default .n-right{margin-top:5px}
.n-default .n-top .msg-wrap{bottom:100%}
.n-default .n-bottom .msg-wrap{top:100%}
.n-default .msg-wrap{position:absolute;z-index:1}
.n-default .msg-wrap .n-icon{background-image:url(../libs/nice-validator/dist/images/validator_default.png)}
.n-default .n-tip .n-icon{display:none}
.n-simple .msg-wrap{position:absolute;z-index:1}
.n-simple .msg-wrap .n-icon{background-image:url(../libs/nice-validator/dist/images/validator_simple.png)}
.n-simple .n-top .msg-wrap{bottom:100%}
.n-simple .n-bottom .msg-wrap{top:100%}
.n-simple .n-left,.n-simple .n-right{margin-top:5px}
.n-simple .n-bottom .msg-wrap{margin-top:3px}
.n-simple .n-tip .n-icon{display:none}
.n-yellow .msg-wrap{position:absolute;z-index:1;padding:4px 6px;font-size:12px;border:1px solid transparent;background-color:#fffcef;border-color:#ffbb76;color:#db7c22;box-shadow:0 1px 3px #ccc;border-radius:2px}
.n-yellow .msg-wrap .n-arrow b{color:#ffbb76;text-shadow:0 0 2px #ccc}
.n-yellow .msg-wrap .n-arrow i{color:#fffcef}
.n-yellow .msg-wrap .n-icon{background-image:url(../libs/nice-validator/dist/images/validator_simple.png)}
.n-yellow .n-top .msg-wrap{bottom:100%}
.n-yellow .n-bottom .msg-wrap{top:100%}
.n-yellow .n-loading,.n-yellow .n-ok,.n-yellow .n-tip{background-color:#f8fdff;border-color:#ddd;color:#333;box-shadow:0 1px 3px #ccc}
.n-yellow .n-loading .n-arrow b,.n-yellow .n-ok .n-arrow b,.n-yellow .n-tip .n-arrow b{color:#ddd;text-shadow:0 0 2px #ccc}
.n-yellow .n-loading .n-arrow i,.n-yellow .n-ok .n-arrow i,.n-yellow .n-tip .n-arrow i{color:#f8fdff}
/*E 表单校验效果*/

.quality_color1{background-color: #FFFFFF;}
.quality_color2{background-color: #2EB546;}
.quality_color3{background-color: #2C67F1;}
.quality_color4{background-color: #D418E2;}
.quality_color5{background-color: #F09627;}
.quality_color6{background-color: #FCD92B;}
.quality_color7{background-color: #6FF6FD;}


.navbar-default{background-color:#FFFFFF;border-color:rgba(34,34,34,.05);-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;font-family:Microsoft YaHei,"微软雅黑",Arial,sans-serif;font-weight:200;letter-spacing:1px}
.navbar-default .navbar-header .navbar-brand{font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px;color:#fdcc52}
.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fcbd20}
.navbar-default .navbar-header .navbar-toggle{font-size:12px;color:#222;padding:8px 10px}
.navbar-default .nav>li>a{text-transform:uppercase;letter-spacing:2px;font-size:14px}
.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:#222}
.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#fdcc52}
.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#fdcc52!important;background-color:transparent}
.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}
.navbar-default .navbar-header .navbar-brand{padding-top:3px}
@media (min-width:768px){
    .navbar-default{background-color:transparent;border-color:transparent}
    .navbar-default .navbar-header .navbar-brand{color:rgba(255,255,255,.7)}
    .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}
    .navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:rgba(255,255,255,.7)}
    .navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#fff}
    .navbar-default.affix{background-color:#fff;border-color:rgba(34,34,34,.1)}
    .navbar-default.affix .navbar-header .navbar-brand{color:#222}
    .navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#fdcc52}
    .navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}
    .navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#fdcc52}
}
header{position:relative;width:100%;min-height:auto;overflow-y:hidden;
}
header .header-content{text-align:center;padding:150px 0 50px;position:relative}
header .header-content .header-content-inner{position:relative;margin:0 auto}
header .header-content .header-content-inner h1{margin-top:0;margin-bottom:30px;font-size:80px}
header .header-content .header-content-inner .list-badges{margin-bottom:25px}
header .header-content .header-content-inner .list-badges img{height:50px;margin-bottom:25px}
header .device-container{max-width:300px;margin:0 auto 100px}
header .device-container .screen img{border-radius:3px}
@media (min-width:768px){
    header{min-height:100%}
    header .header-content{text-align:center;padding:0;height:100vh}
    header .header-content .header-content-inner{width:100%;margin:0;position:absolute;top:50%;transform:translateY(-50%)}
    header .header-content .header-content-inner h1{font-size:35px}
    header .device-container{max-width:none;max-height:calc(0vh);margin:100px auto 0}
}
@media (min-width:992px){
    header .header-content .header-content-inner h1{font-size:80px}
}
@media (max-width:768px){
    header .header-content .header-content-inner h1{font-size:50px}
}

@media (max-width:768px) {
    header .navbar-fixed-bottom .navbar-collapse,
        header .navbar-fixed-top .navbar-collapse{
            max-height: none;
        }
}

.nav li .avatar-img,.nav li .avatar-text{height:30px;width:30px;line-height:30px;font-size:14px}
.nav li .avatar-img{font-size:0}
.nav li .avatar-img img{border-radius:30px;width:30px;height:30px}
.avatar-img,.avatar-text{display:inline-block;box-sizing:content-box;color:#fff;text-align:center;vertical-align:top;background-color:#e8ecf3;font-weight:400;width:48px;height:48px;border-radius:48px;font-size:24px;line-height:48px}
.avatar-img{font-size:0}
.avatar-img img{border-radius:48px;width:48px;height:48px}

.navuserbox .v1{display: block;position: relative;padding-top: 6px;height: 50px;}
.navuserbox .v1 .fa-circle{position: absolute; left: 10px; top: 9px; font-size: 12px;}
.navuserbox .avatar-img{float: left; margin-top: 2px;}
.navuserbox .user-info{float: left; color: #FFFFFF; font-size: 12px; font-weight: normal; margin-left: 6px; line-height: 18px;}
.navuserbox .dropdown-menu .label{line-height: 12px; padding: 1px 5px; font-weight: normal;}

.focus-img>.row>div{padding:0;padding-right:15px;margin-bottom:15px;height:100%;display:block}
.focus-img>.row>div a>span{border-radius:3px;overflow:hidden}
.focus-img .intro{position:absolute;bottom:0;background:#000;padding:0 5px 0 5px;width:100%;opacity:.5;color:#fff;height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}
.focus-img a{display:block}
.focus-img img{width:100%}

main.maindiv{margin:0;padding:0;min-height:calc(100vh - 355px)}
#content-container{padding-top:70px}

/*用户中心*/
.userex-tip{display: none; position: relative;}
.userex-tip .xclose{position: absolute; width: 15px; height: 15px; text-align: center; top: 5px; right: 8px;}
.user-baseinfo {
    margin-bottom:25px;
}
.user-baseinfo table tr td {color:#999;}
@media (min-width: 767px) {
    .user-center .avatar-text,.user-center .avatar-img {
        height:150px;width:150px;border-radius: 150px;line-height:150px;font-size:70px;
    }
    .user-center .avatar-img  {font-size:0;}
    .user-center .avatar-img img {
        height:150px;width:150px;border-radius:150px;
    }
}
@media (max-width:768px){
    .userex-tip{display: block;}
}

.user-section{background:#fff;padding:15px;margin-bottom:20px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-border-radius:4px;-moz-background-clip:padding;border-radius:4px;background-clip:padding-box;-webkit-box-shadow:0 26px 50px -20px rgba(0,36,100,.3);-moz-box-shadow:0 26px 50px -20px rgba(0,36,100,.3);box-shadow:0 26px 50px -20px rgba(0,36,100,.3)}
.login-section{margin:50px auto;width:460px;-webkit-border-radius:0;-webkit-background-clip:padding-box;-moz-border-radius:0;-moz-background-clip:padding;border-radius:0;background-clip:padding-box}
@media (max-width:768px){
    .login-section{width:360px;}
}
.login-section.login-section-weixin{min-height:315px}
.login-section .logon-tab{margin:-15px -15px 0 -15px}
.login-section .logon-tab>a{display:block;padding:20px;float:left;width:50%;font-size:16px;text-align:center;color:#616161;background-color:#fafafa;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.login-section .logon-tab>a:hover{background-color:#f4f4f4;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.login-section .logon-tab>a.active{background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.login-section .login-main{padding:30px 45px 12px 45px}
.login-section .login-main .login-switch{margin-top: -15px; color: #3498db;}
.login-section .login-main .login-switch a{color: #3498db;}
.login-section .login-main button{outline: none !important;}
.login-section .control-label{font-size:13px}
.login-section .n-bootstrap .form-group{position:relative}
.login-section .n-bootstrap .input-group{position:inherit}
.login-section .n-bootstrap .n-right{margin-top:0;top:0;position:absolute;left:0;text-align:right;width:100%}
.login-section .n-bootstrap .n-right .msg-wrap{position:relative}

.unread{font-weight: bold;}

/*通用列表样式*/
.dlist_01 li {clear: both;}
.dlist_01 li .v1{float: left; width: 30%;}
.dlist_01 li .v2{float: left; width: 70%;}
.dlist_01 li .v2{margin-bottom: 12px;}
.dlist_01 li .v2 dt{font-weight: normal; height: 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dlist_01 li .v2 dt a{font-weight: normal;text-overflow:ellipsis;}
.dlist_01 li .v2 dd{font-size: 13px;color: #999;height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.dlist_01 li .v2 dd{position: relative;}
.dlist_01 li .v2 dd .btn-gift {opacity:0; color:#FFFFFF; background-color:#007bff; border-color:#007bff; position: absolute; top: 0px; left: 0px;}
.dlist_01 li .v2 dd .txt {opacity:1;}
.dlist_01 li .v2:hover .txt {opacity:0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.dlist_01 li .v2:hover .btn-gift {display: inline-block; opacity:1; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

/*首页*/
.navbar-inverse{background-color:#355185}
.navbar-inverse .navbar-nav>li>a{font-size:18px;font-weight:normal;color:#EFEFEF}
@media (min-width:768px) {
    .navbar-inverse .navbar-nav>li.game_park>a {padding-bottom: 20px;}
}

.alpha_hedader .navbar-inverse{background: rgba(36,77,140,0.8);}

@media (hover:hover){
    .dropdown a:hover+.dropdown-menu{display:block;margin-top:0}
}
.alert-paid{margin:10px 0;text-align:center}
.alert-paid a{color:#f39c12}
.dropdown-submenu{position:relative}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:3px 0 3px 3px;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 3px 3px;-moz-background-clip:padding;border-radius:3px 0 3px 3px;background-clip:padding-box}
.dropdown-submenu:hover>.dropdown-menu{display:block}
.dropdown-submenu:hover>a:after{border-left-color:#fff}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}
.dropdown-submenu.pull-left{float:none}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:3px 0 3px 3px;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 3px 3px;-moz-background-clip:padding;border-radius:3px 0 3px 3px;background-clip:padding-box}
.navbar{min-height:60px;padding-top:5px;border:none}
.navbar-nav .form-search.focused{position:relative}
.navbar-nav .form-search.focused input{position:absolute;top:0;right:0;width:250px}
.navbar-nav li>a{font-size:13px}
.navbar-nav li>a h5{overflow:hidden;text-overflow:ellipsis}
.navbar-nav>li>a{font-size:20px}
.navbar-nav ul.dropdown-menu{border:none;border-radius:0}
.navbar-nav ul.dropdown-menu>li>a{padding:5px 20px}
.navbar-brand{padding:5px 15px}

/*游戏乐园*/
.navbar-nav .game_park .dropdown-menu{border: 1px solid #97CBFD; border-top: 0px; min-width: 140px; background: rgba(36,77,140,0.6);}
.navbar-nav .game_park .dropdown-menu li a{color: #FFFFFF; padding-left: 18px; font-size: 14px;}
.navbar-nav .game_park .dropdown-menu li a:hover{background: rgba(36,77,140,0.6);}
.toast-top-center{top:50px}
.toast-top-center>div{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.btn-channel{color:#fff;background-color:#355185;border-color:#355185;}
.btn-channel:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
.btn-social {width: 30px;height: 30px;padding: 6px 0;border-radius: 15px;text-align: center;font-size: 12px;line-height: 1.428571429;}

.btn-gift{color:#fff;background-color:#6A7A95;border-color:#355185;letter-spacing:2px;border-radius:3px;padding-top:1px;padding-bottom:1px;}
.btn-gift:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}

.btn01{}
.btn01 a{cursor: default; text-decoration:none; text-align: center;display: block;width: 137px; height: 42px;line-height: 2.4em; background:url(../img/btn01.png) no-repeat; font-size: 18px; color: #FFFFFF; overflow: hidden;}
.btn01 a:hover{text-decoration:none;}

.btn02{}
.btn02 a{text-decoration:none; cursor: default; text-align: center;display: block;width: 198px; height: 58px; margin: 0px auto; line-height: 2.8em; background:url(../img/btn02.png) no-repeat; font-size: 20px; color: #FFFFFF; overflow: hidden;}
.btn02 a:hover{text-decoration:none;}

.btn03{display: inline-block;width: 125px; height: 35px; background:url(../img/btn03_hover.png) no-repeat; text-align: center;}
.btn03.onfocus{background:url(../img/btn03.png) no-repeat;}
.btn03 a{cursor: default; text-decoration:none; margin: 0px auto; line-height: 2.2em; font-size: 15px; color: #FFFFFF; overflow: hidden;}
.btn03 a:hover{text-decoration:none;}

.nice-validator [contenteditable],.nice-validator input,.nice-validator select,.nice-validator textarea{display:inline-block}
.nice-validator .note-editor .note-editing-area .note-editable{display:inherit}
.plupload-preview{padding:0 10px;margin-bottom:0}
.plupload-preview li{margin-bottom:10px}
.plupload-preview .thumbnail{margin-bottom:10px}
.plupload-preview a{display:block}
.plupload-preview a:first-child{height:90px}
.plupload-preview a img{height:80px;object-fit:cover}


#indexbox-focus .swiper-slide .carousel-img{background-position: top center;}

.indexbox{position: relative; margin-bottom: 60px;}
.indexbox #indexbox-focus{position: absolute; z-index: -10; left: 0px; top: 0px; width: 100%;}
.indexbox .promobox{margin-top: 420px; border: 1px solid #97CBFD; background: rgba(41,120,195,0.7);}
.indexbox .promobox .box01{/*background: #B34C1E;*/ background: none; height: 440px; position: relative;}
.indexbox .promobox .box01 .imask{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 130px; z-index: -10; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgb(54, 80, 123));}
.indexbox .promobox .box01 .v1{text-align: center; margin-top: 30px;}

.indexbox .promobox .box01 .v2{text-align: center; margin-top: 15px;}
.indexbox .promobox .box01 .v2 img{border: 1px solid #337ab7;}
.indexbox .promobox .box01 .v3{text-align: center; margin-top: 25px;}
.indexbox .promobox .box01 .v3 .button-3d{border-radius: 5px;}
.indexbox .promobox .box02{margin-top: 15px;}

.indexbox .promobox .box02 .v1 .cdata{margin-top: 10px; height: 354px; overflow: hidden; padding: 10px 10px 10px 10px; background: #FFFFFF; border-radius: 4px;}
.indexbox .promobox .box02 .v1 .cdata ul li{clear: both; height: 27px; line-height: 27px;}
.indexbox .promobox .box02 .v1 .cdata ul li:nth-of-type(odd){background: #f5f5f5;}
.indexbox .promobox .box02 .v1 .cdata ul li .newsflag{display: inline-block;}
.indexbox .promobox .box02 .v1 .cdata ul li .i1{float: left; width: 150px; padding-left: 9px; font-size: 15px; color: #555555;}
.indexbox .promobox .box02 .v1 .cdata ul li .i2{float: right; width: 80px; color: #AAAAAA; font-size: 13px;}
.indexbox .promobox .box03{margin-top: 15px;}
.indexbox .promobox .box03 .v1{}
.indexbox .promobox .box03 .v1 .cdata{position: relative; margin-top: 10px; height: 354px; overflow: hidden; padding: 10px 10px 10px 10px; background: #FFFFFF; border-radius: 4px;}
.indexbox .promobox .box03 .v1 .moti{}
.indexbox .promobox .box03 .v1 .btn01{float: left;}
.indexbox .promobox .box03 .v1 .btn01 a{text-align: center;display: block;width: 137px; height: 42px;line-height: 2.4em; background:url(../img/btn01.png) no-repeat; font-size: 18px; color: #FFFFFF; overflow: hidden;}
.indexbox .promobox .box03 .v1 .btn01 a:hover{text-decoration:none;}
.indexbox .promobox .box03 .v1 .moti .more{float: right; margin-top: 12px;}
.indexbox .promobox .box03 .v1 .moti .more a{color: #FFFFFF; font-size: 14px; font-family: "Microsoft Yahei";}

.indexbox .promobox .box03 .v1 .article-list .media .media-left a{width: 180px;}
.indexbox .promobox .box03 .v1 .article-list .article-item{padding: 15px 0px 15px 0px;}

.indexbox .promobox .box03 .v1 .swiper-pagination{bottom:6px;right:25px;width:auto;left:inherit;}
.indexbox .promobox .box03 .v1 .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background:#b3b3b3;border:1px solid #b3b3b3;border-radius:10px}
.indexbox .promobox .box03 .v1 .swiper-pagination .swiper-pagination-bullet-active{background:#b3b3b3}

.index-sideblock1 img{ max-width: 260px; max-height: 110px;}
.index-sideblock2 img{ max-width: 260px; max-height: 200px;}

@media (max-width:768px) {
    .indexbox .promobox{padding-bottom: 20px;}
    .indexbox{margin-bottom: 0px;}
}

#floatbtn{width:50px;height:auto;position:fixed;top:auto;right:50%;bottom:10px;left:auto;z-index:80;margin-right:-640px}
#floatbtn.fixed{position:absolute;bottom:279px;right:50%}
#floatbtn a{position:relative;z-index:90;display:block;margin-top:4px;width:50px;height:50px;line-height:50px;text-align:center;font-size:20px;color:#d5d5d5;background-color:#fff;border:1px solid #eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#floatbtn a.hover:hover{-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;background:#0084ff;text-decoration:none;text-align:center;line-height:20px;padding:5px}
#floatbtn a.hover:hover i{display:none}
#floatbtn a.hover:hover em{display:block;color:#fff;font-size:14px;font-style:normal;text-decoration:none}
#floatbtn a em{display:none}
#floatbtn a:hover{background:#0084ff}
#floatbtn a:hover i{color:#fff}
#floatbtn a:hover .floatbtn-wrapper{display:block}
#floatbtn .iconfont{display:inline-block;font:normal normal normal 14px/1 iconfont;font-size:inherit}
.floatbtn-wrapper{position:absolute;right:59px;top:-55px;z-index:120;display:none;width:190px;height:212px;background-color:#fff;border:1px solid #eee}
.floatbtn-wrapper:after{content:"";position:absolute;right:-6px;top:73px;display:block;width:0;height:0;border-left:6px solid #d5d5d5;border-top:6px solid transparent;border-bottom:6px solid transparent}
.floatbtn-wrapper .qrcode{margin-top:20px;line-height:1}
.floatbtn-wrapper .qrcode img{width:128px;height:128px}
.floatbtn-wrapper p{font-size:14px;line-height:20px;color:#999}
.floatbtn-wrapper p em{color:#dd3067}

.responsive-container{position:relative;width:100%;border:1px solid #f8f8f8}
footer{padding:30px 0;background:#355185;color:#fff}
footer a{color:#fff}
footer a:hover{color:#0084ff}

.main{background:#fff;padding:15px;min-height:500px}
.main h3{margin:0;margin-bottom:10px;height:35px;line-height:35px}
.main h3 label{display:inline-block;font-size:14px;font-weight:400;vertical-align:middle}
.main>.row{margin-top:15px}
.main label{font-weight:400}
.main .fixed-table-container thead th .th-inner{font-weight:500}
.main .table a:not(.btn),.main table a:not(.btn){text-decoration:none}

.nav-sidebar li.active a{text-decoration:none;background-color:#ecf0f1}
.navbar-toggle .icon-bar{width:18px}

.footer-inner{padding:2em 0}
.footer-inner .copyright{margin-bottom:20px!important;line-height:1.5}
.footer-inner .footer-logo{margin-bottom:20px}
.footer-inner .footer-logo a{padding:15px 15px;background:rgba(0,0,0,.07);font-size:40px;font-weight:700}
.footer-inner .footer-logo a:focus,.footer-inner .footer-logo a:hover{text-decoration:none}
.footer-inner h3{font-weight:400;margin-bottom:20px}
.footer-inner p{font-weight:400}
.footer-inner p:last-child{margin-bottom:0}
.footer-inner .links{padding:0;margin:0 0 20px 0}
.footer-inner .links li{list-style:none;padding:5px 0}
.footer-inner .links li a:hover{text-decoration:underline}
.footer-inner .footer-social{text-align:right;margin-top:0}
.footer-inner .footer-social a{margin-right:15px;margin-bottom:10px;font-size:20px}
.footer-inner .footer-social a:hover{text-decoration:none}
.footer-inner .social-box {text-align:center;width:100px;}

/*栏目列表边栏*/
.sideblock1 img{ max-width: 360px; max-height: 130px;}
.sideblock2 img{ max-width: 360px; max-height: 220px;}

/*文章列表*/
.article-list{padding:0;background:#fff}
.article-list .article-item{padding:20px 0;border-bottom:1px solid #efefef}
.article-list .article-item .content{margin-top:15px;color:#919191}
.article-list .media{color:#919191}
.article-list .media .media-body{padding-left:20px;line-height:25px}
.article-list .media .media-body .article-title{margin:0;font-size:1.25em;line-height:1.45;margin-bottom:5px;color:#000}
.article-list .media .media-body .article-title a{color:#444;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-list .media .media-body .article-title a:hover{color:#007bff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-list .media .media-body .article-title a .img-new{margin-left:2px;margin-bottom:2px;height:16px}
.article-list .media .media-body .article-intro{height:44px;line-height:22px;color:#828a92;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.article-list .media .media-body .article-intro2{height:160px;line-height:22px;color:#828a92;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;}
.article-list .media .media-left{overflow:hidden;padding:0}
.article-list .media .media-left a{display:block;width:160px}
.article-list .media-body{position:relative}
.article-list .media-body .article-tag{display:block;clear:both;position:absolute;bottom:0;color:#aaa;font-size:13px}
.article-list .media-body .article-tag span{margin:0 8px}
.article-list .media-body .article-tag span a{color:#aaa}
.article-list .media-body .article-tag .pull-left{height:34px;line-height:34px;color:#919191}
.article-list .media-body .article-tag .pull-left a{color:#919191}
.article-list .pager{margin:40px 0 20px 0}
@media (max-width:768px) {
    .article-list .media .media-right{display: none;}
}
.article-metas{overflow:hidden}
.article-metas .metas-title{margin:0;font-size:1.65em;line-height:1.45;margin-bottom:5px;color:#000}
.article-metas .metas-title a{color:#444;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-metas .metas-title a:hover{color:#007bff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-metas .metas-body{color:#999;margin:0 auto}
.article-metas .metas-body span{margin-right:10px}
.article-metas .metas-body span i{margin-right:5px}
.article-metas .metas-body p{margin-bottom:0;margin-top:0;font-size:12px}

.trends_nav .v1{width: 400px; margin: 0px auto; text-align: center; color: #0084ff;}
.trends_nav .v1 .i1{background: url(../img/title_01_fl.png) center center no-repeat; width: 112px; height: 30px; display: table-cell;}
.trends_nav .v1 .i2{font-size: 25px; width: 176px; display: table-cell;}
.trends_nav .v1 .i3{background: url(../img/title_01_fr.png) center center no-repeat; width: 112px; height: 30px; display: table-cell;}
@media (max-width:768px) {
    .trends_nav .v1{ text-align: left;}
    .trends_nav .v1 .i1 {display: none;}
    .trends_nav .v1 .i3 {display: none;}
}

.seawiki .article-list .article-item .media-left .img-thumb{display: block; width: 160px; max-height: 180px;}
.seawiki .article-list .article-item .media-left .img-thumb img{width: 100%;}

.seawiki .article-list .article-item .media-body .quality_color{display: inline-block; vertical-align: middle; border-radius: 5px; width: 10px; height: 10px;}
.seawiki .article-list .article-item .media-body .quality_color1{border: 1px solid #DDDDDD;}

/*文章正文*/
.score_badge {text-align: center; font-size: 16px;}
.article-text,.intro-box{margin:15px 0px;font-size: 15px;line-height:2em;word-break: break-all;}
.article-text:after,.intro-box:after{content:".";display:block;height:0;font-size: 0px;visibility:hidden;clear:both;}
.article-text p,
    .intro-box p{margin-bottom:15px}
.article-text ul li p,
    .intro-box ul li p{margin-bottom:0px;line-height:1.6em;}
.article-text ol li p,
    .intro-box ol li p{margin-bottom:0px;line-height:1.6em;}
.article-text img,
    .intro-box img{margin:10px auto;display:block;max-width:100%;height:auto;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box}
.article-text a,
    .intro-box a{color: #4169E1;}
.article-action-btn{color:#999}
.article-action-btn a{color:#999}
.article-action-btn .bdshare-button-style0-16 .bds_more{float:none;padding:0;height:inherit;line-height:inherit;font-size:inherit;background:0 0;color:#999}
.article-prevnext{color:#666}
.entry-meta ul{overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #dedede}
.entry-meta ul li{line-height:26px}

.article-metas .metas-body .table-bordered{border: 1px solid #9ac8eb; color: #616161;}
.article-metas .metas-body .table-bordered>tbody>tr>th{border: 1px solid #9ac8eb; background: #f1f9ff; color: #333;}
.article-metas .metas-body .table-bordered>tbody>tr>td{border: 1px solid #9ac8eb; font-size: 13px;}

.related-article{margin-top:10px}
.related-article .row{margin:0 -5px}
.related-article .col-sm-3{padding:0 10px}
.related-article .col-sm-3 a{display:block}

.panel-default{border:none;padding:0 15px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box}
.panel-default>.panel-heading{position:relative;padding:15px 0;background:#fff;border-bottom:1px solid #f5f5f5}
.panel-default>.panel-heading .panel-title{font-size:16px}
.panel-default>.panel-heading .panel-title>i{display:none}
.panel-default>.panel-heading small{font-weight:400;color:#999;font-size:13px}
.panel-default>.panel-heading .more{position:absolute;top:13px;right:0;display:block;color:#919191;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-weight:400;font-size:13px}
.panel-default>.panel-heading .more:hover{color:#616161;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.panel-default>.panel-heading div.more{top:17px}
.panel-default>.panel-heading .panel-bar{position:absolute;top:7px;right:0;display:block}
.panel-default>.panel-footer{padding:15px 0;background:0 0}
.panel-default>.panel-body{position:relative;padding:15px 0}
.panel-primary>.panel-heading{background-color:#46c37b;color:#fff}
.panel-primary>.panel-body{background:#fafafa;border-bottom-left-radius:2px;border-bottom-right-radius:2px}
.panel-gray{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);-moz-box-shadow:0 2px 4px rgba(0,0,0,.08);box-shadow:0 2px 4px rgba(0,0,0,.08)}
.panel-gray>.panel-heading{background-color:#f5f5f5;color:#919191}
.panel-gray>.panel-body{color:#919191;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.panel-page{padding:45px 50px 50px;min-height:500px}
.panel-page .panel-heading{background:0 0;border-bottom:none;margin:0 0 30px 0;padding:0}
.panel-page .panel-heading h2{font-size:25px;margin-top:0}

.panel-collapsebox{border: 1px solid #dddddd;}
.panel-collapsebox .panel-heading{background: #f5f5f5;}

.tabs-wrapper{-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-border-radius:4px;-moz-background-clip:padding;border-radius:4px;background-clip:padding-box;background-color:#fff}
.tabs-wrapper .tabs-mark-group{border-bottom:1px dashed #e4ecf3}
.tabs-wrapper .tabs-mark-group .title{width:90px;margin-top:3px;float:left}
.tabs-wrapper .tabs-mark-group .classify{margin-top:3px}
.tabs-wrapper .tabs-mark-group .classify a,.tabs-wrapper .tabs-mark-group .classify i{color:#919191}
.tabs-wrapper .tabs-mark-group .classify a:focus,.tabs-wrapper .tabs-mark-group .classify a:hover{color:#43bc60}
.tabs-wrapper .tabs-mark-group .content{margin-left:100px}
.tabs-wrapper .tabs-mark{margin:0 4px}
.tabs-wrapper .tabs-mark a{border:1px solid #e4ecf3;padding:2px 5px;color:#919191}
.tabs-wrapper .tabs-mark i{font-size:10px;margin-left:5px}
.tabs-wrapper .tabs-mark.active a,.tabs-wrapper .tabs-mark:focus a,.tabs-wrapper .tabs-mark:hover a{color:#43bc60;border:1px solid #43bc60}
.tabs-wrapper .tabs-group{position:relative;overflow-y:hidden}
.tabs-wrapper .tabs-group .title{float:left;padding:10px 0;width:80px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.tabs-wrapper .tabs-group .content{list-style:none;padding:0;margin:0 0 0 60px}
.tabs-wrapper .tabs-group .content>li{float:left;padding:5px 12px}
.tabs-wrapper .tabs-group .content>li>a{display:block;padding:5px 10px;border:none;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-border-radius:4px;-moz-background-clip:padding;border-radius:4px;background-clip:padding-box;color:#828a92;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.tabs-wrapper .tabs-group .content>li.active>a,.tabs-wrapper .tabs-group .content>li:focus>a,.tabs-wrapper .tabs-group .content>li:hover>a{color:#0084ff}
.tabs-wrapper .tabs-group .tabs-toggle{position:absolute;right:20px;top:18px;font-size:12px;line-height:1;cursor:pointer}
.tabs-wrapper .tabs-group+.tabs-group{border-top:1px dashed #e4ecf3}

.article-filter{position:relative;background-color:#fafafa;-webkit-border-radius:4px;-webkit-background-clip:padding-box;-moz-border-radius:4px;-moz-background-clip:padding;border-radius:4px;background-clip:padding-box;margin-bottom:30px}
.article-filter .btn-group.open .dropdown-toggle{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#43bc60}
.article-filter .filter{position:absolute;text-align:right;top:0;right:15px;width:300px}
.article-filter .filter .btn{background:0 0;padding:10px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-filter .filter .btn:hover{color:#43bc60;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-filter .filter .btn>i{font-size:18px}
.article-filter .filter label{margin-left:15px;margin-top:11px;vertical-align:top;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article-filter .filter label:hover{color:#43bc60;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

h1 .breadcrumb{padding:0 5px;margin-bottom:5px;background:0 0}
h1 .breadcrumb li{font-size:12px;font-weight:400}

.carousel-focus .item .carousel-img{background-size:cover;width:100%;height:120px;background-position:center center;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.carousel-focus:hover .carousel-img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}
.carousel-focus .carousel-control.left,.carousel-focus .carousel-control.right{background-image:none}
.carousel-focus .carousel-control.left span,.carousel-focus .carousel-control.right span{display:none}
.carousel-focus .carousel-control.left:hover,.carousel-focus .carousel-control.right:hover{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.carousel-focus .carousel-control.left:hover span,.carousel-focus .carousel-control.right:hover span{display:block}

.panel-blockimg{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.panel-blockimg img{width:100%}
.hot-tags .panel-body a span{margin-bottom:10px}


@media (max-width:768px) {
    .article-text video,.intro-box video{max-width: 330px;}
}

/*产品中心*/
.product-item{height: 325px;}
.product-item .card{border-radius:3px;position:relative;padding:12px;margin:0px;-webkit-transition:all .2s cubic-bezier(.55,.055,.675,.19);-moz-transition:all .2s cubic-bezier(.55,.055,.675,.19);-o-transition:all .2s cubic-bezier(.55,.055,.675,.19);transition:all .2s cubic-bezier(.55,.055,.675,.19);border:1px solid #eee;min-height:250px;overflow:hidden;background-color:#fff}
.product-item .card .thumb{position:relative;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;margin:-12px}
.product-item .card .thumb>.preview-link::before{background:rgba(0,0,0,.2);opacity:0;z-index:1;position:absolute;top:0;left:0;bottom:0;right:0;content:"";-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.product-item .card .thumb>.quickview-link{display:block;width:40px;height:40px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;line-height:40px;text-align:center;z-index:10;background:#000;border-radius:50%;opacity:0;visibility:hidden;color:#fff;transform:scale(0);-webkit-transform:scale(0);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s}
.product-item .card .thumb:hover .preview-link::before{opacity:1}
.product-item .card .thumb:hover .quickview-link{opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1)}
.product-item .card:hover{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.product-item .card:hover .operate .pull-right{display:block}
.product-item .card .image{position:relative;width:100%;height:1px;overflow:hidden;padding-bottom:75%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.product-item .card .title{padding-top:10px}
.product-item .card h2{color:#000;padding:0;margin-bottom:5px;height:24px;margin-top:15px;font-size:14px;font-weight:400;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}
.product-item .card h2.i2{font-size: 15px;}
.product-item .card .operate{height:31px}
.product-item .card .operate .pull-right{display:none}

#content-container>h1{margin-top:0}
.lasest-update .panel-body{padding:8px 0}
.lasest-update .panel-body ul{margin-bottom:0}
.lasest-update .panel-body ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:35px;line-height:35px}

/*栏目中心*/
.channel-list .row .col-xs-12{min-height:315px}
.channel-list .row .col-xs-12 h3{border-bottom:1px solid #eee;padding-bottom:10px;position:relative}
.channel-list .row .col-xs-12 h3>a{font-size:16px;position:relative;padding-left:6px}
.channel-list .row .col-xs-12 h3>a:before{position:absolute;top:2px;left:0;content:' ';width:2px;height:15px;background:#0084ff;display:inline-block}
.channel-list .row .col-xs-12 h3 em{position:absolute;right:5px;top:2px;font-style:normal;font-weight:400}
.channel-list .row .col-xs-12 h3 em a{font-size:12px}
.channel-list .row .media{margin-bottom:10px}
.channel-list .row .media .media-left a{width:120px;display:block}
.channel-list .row .media .media-body{font-size:12px}
.channel-list .row .media .media-body p{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-size:14px;padding-right:15px}
.channel-list .row ul.inner-list li{margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-right:40px;height:30px;line-height:30px}
.channel-list .row ul.inner-list li a{color:#616161}
.channel-list .row ul.inner-list li span{position:absolute;right:0}

/*评论*/
#comment-container #commentlist dl{position:relative;border-bottom:1px solid #eee;clear:both;padding:10px 0;margin-bottom:5px;}
#comment-container #commentlist dl.is_excelled::after{
    content:'';background: url(../img/excelled.png) no-repeat;width:46px;height:46px;opacity:.5;top:5px;right:12px;position:absolute;
    transform:rotate(-35deg);
    -ms-transform:rotate(-35deg); 	/* IE 9 */
    -moz-transform:rotate(-35deg); 	/* Firefox */
    -webkit-transform:rotate(-35deg); /* Safari 和 Chrome */
    -o-transform:rotate(-35deg); 	    /* Opera */
}
#comment-container #commentlist dl dt{float:left;margin-right:10px;width:44px;height:44px;display:block;position:absolute}
#comment-container #commentlist dl dt img{width:40px;height:40px;border-radius:50%}
#comment-container #commentlist dl dd{padding-left:55px;float:left;width:100%}
#comment-container #commentlist dl dd cite a{color:#0084ff}
#comment-container #commentlist dl dd small{color:#999;margin:0 0 0 3px;height:20px;line-height:20px;font-size:10px}
#comment-container #commentlist dl dd small a{display:none}
#comment-container #commentlist dl dd dl{margin:0;border-top:1px solid #eee;border-bottom:none;padding-top:15px;padding-bottom:0}
#comment-container #commentlist dl dd dl dd{width:550px}
#comment-container #commentlist dl dd p{margin-top:5px;margin-bottom:10px;line-height:24px;word-wrap: break-word;word-break: normal;}
#comment-container #commentlist dl dd p em{font-style:normal;display:inline-block;padding:0 5px;height:22px;line-height:22px;font-weight:400;font-size:13px;text-align:center;color:#0084ff;background:rgba(0,132,255,.1);border-radius:2px}
#comment-container #commentlist cite{font-style:normal}
#comment-container #commentlist dl dd .append_info{ text-align: right; padding-right: 10px;}
#comment-container #commentlist dl dd .append_info span.ispan{ display: inline-block; cursor: pointer; font-size: 13px; line-height: 18px; padding: 2px 6px; border-radius: 4px; border: 1px solid #dedede; color: #b9b9b9;}
#comment-container #commentlist dl dd .append_info span.ispan .fa{font-size: 14px;}
#comment-container #commentlist dl dd .append_info span.ispan:hover{color: #616161;}
#comment-container h3{position:relative;font-size:16px;padding:15px 0;background:#fff}
#comment-container h3 a{display:none}
#comment-container #postcomment .form-group{margin-bottom:10px}
#comment-container #postcomment label{font-weight:400}
#comment-container #postcomment a small{display:inline!important}

.fieldlist dd{display:block;margin:5px 0}
.fieldlist dd input{display:inline-block;width:300px}
.fieldlist dd input:first-child{width:110px}
.fieldlist dd ins{width:110px;display:inline-block;text-decoration:none;font-weight:700}

.pager .pagination{margin:0}
.pager .pager{margin:0}
.pager li{margin:0 .4em;display:inline-block}
.pager li:first-child>a,.pager li:first-child>span,.pager li:last-child>a,.pager li:last-child>span{padding:.5em 1.2em}
.pager li>a,.pager li>span{background:0 0;border:1px solid #e6e6e6;border-radius:.25em;padding:.5em .93em;font-size:14px}
.list-partner li{display:inline-block;margin:0 12px 12px 0;padding:10px 15px;width:140px;text-align:center;border:1px solid #efefef}
.list-partner li:hover{border:1px solid #363f48}
.list-partner li img{height:30px}

.index-gallary h5,.related-article h5{font-size:14px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;font-weight:400}
.index-focus{margin-bottom:19px}

.article-content>.panel-heading{padding:0;margin:0 -15px}
.article-content>.panel-heading>.breadcrumb{background:#fff;font-size:13px;margin-bottom:0;padding:10px 15px}
.article-tabs{border-top: 1px #e5e5e5 solid; margin-top: 40px; margin-right: -13px; margin-left: -13px;}
.article-tabs .col-md-4{padding: 0px;}
.article-tabs .ntab{position: relative; height: 50px; line-height: 48px; font-size: 17px; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #f5f5f5; border-top: 0px; border-left: 0px; cursor: pointer;}
.article-tabs .ntab.active:after{content:'';position:absolute;background:#007bff;height:4px;width:100%;bottom:0;left:0}
.article-tabs .ntab.last{border-right: 0px;}

.article-donate{padding:10px 0;text-align:center}
.article-donate a{min-width:120px;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.category-title{margin-bottom:20px;font-size:24px;color:#444}
.category-title .breadcrumb li{font-size:14px}
.category-order li>a.active{color:#0084ff}

.img-zoom{overflow:hidden;display:inline-block}
.img-zoom img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.img-zoom:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive img{position:absolute;object-fit:cover;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.embed-responsive-square{padding-bottom:100%}

.embed-fixed img{width: 100%; height: 100%;}
.list-links a{margin-right:5px}

@media (min-width:768px) and (max-width:991px){
    .navbar-header{width:44px;overflow:hidden}
}
@media (max-width:768px){
    ul.dropdown-menu{position:relative;width:100%;background:#222}
    ul.dropdown-menu .open>a,ul.dropdown-menu .open>a:focus,ul.dropdown-menu .open>a:hover{background:0 0;color:#9d9d9d}
    ul.dropdown-menu>.dropdown-menu{position:relative;width:100%;margin:0}
    .navbar-nav .form-search{padding:0 10px}
    .navbar-nav .open .dropdown-menu{position:relative;width:100%;margin:0;left:0;background:#404950}
    .dropdown-submenu>a:after{display:none}
    .panel-page{padding:15px;min-height:300px}
    .article-list .media .media-left a{width:110px}
    .article-list .media .media-body .article-title{font-size:1em}
    .article-list .media-body .article-tag{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}
    .navbar-nav{margin:8.25px 0}
    .navbar-nav .form-search.focused{position:inherit}
    .navbar-nav .form-search.focused input{position:inherit;width:100%}
    .dropdown:not(.open):hover>.dropdown-menu{display:none}
    .article-list .media-body .article-tag span{margin:0 2px}
    .article-pay a.btn{display:block;margin-top:5px}
    .navbar-form{margin:10px 0}
    .navbar-nav .form-search{padding:0}
    .focus-img{margin-top:15px;padding:0 15px}
    .focus-img>.row{margin-left:0}

    .embed-responsive-4by3{padding-bottom:60%}

    #comment-container #commentlist dl dd .user-badges{display: block; margin-top: 0.2em;}
    #comment-container #commentlist dl dd .user-badges img{height:20px !important;}
}
@media (min-width:768px){
    #indexbox-focus{height: 1000px; overflow: hidden;}
    #indexbox-focus .swiper-slide .carousel-img{height: 1000px; width:100%}
    #index-focus .item .carousel-img{height:340px;width:100%}
    #download-focus .item .carousel-img,#news-focus .item .carousel-img,#product-focus .item .carousel-img{height:272px;width:100%}
    .navbar-form .form-search .form-control{width:150px}
}
@media (max-width:768px){
    #indexbox-focus{height: 420px; overflow: hidden;}
    #indexbox-focus .swiper-slide .carousel-img{height: 420px; width:100%}
}
@media (min-width:979px){
    ul.nav li.dropdown:hover>ul.dropdown-menu{display:block}
}
@media screen and (min-width:768px){
    .carousel-caption{left:0;right:0;background:rgba(0,0,0,.3);padding:0;bottom:0;text-shadow:none}
    .carousel-caption h3{margin:0;font-size:14px;padding:15px;text-align:left}
    .carousel-caption p{display:none}
    .carousel-indicators{bottom:3px;right:15px;width:auto;left:inherit;opacity:.6}
}
.carousel-control{text-shadow:none}
.carousel-control .fa{font:normal normal normal 30px/1 FontAwesome}
.carousel-control .icon-prev{left:20px}
.carousel-control .icon-next{right:20px}
.carousel-control .fa-chevron-left:before{content:"\f053"}
.carousel-control .fa-chevron-right:before{content:"\f054"}
.loadmore{width:80%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center}
.loadmore-tips{display:inline-block;vertical-align:middle}
.loadmore-line{border-top:1px solid #e5e5e5;margin-top:2.4em}
.loadmore-line .loadmore-tips{position:relative;top:-.9em;padding:0 .55em;background-color:#fff;color:grey}
.download-list{margin:0 -15px}
.download-list li{width:95px;float:left;display:inline-block;margin:0 15px;padding:15px 0;text-align:center;position:relative;height:170px}
.download-list li a{display:block}
.download-list li:hover em{display:none}
.download-list li:hover a.btn{display:block;width:80px;margin:0 auto}
.download-list li a:hover{text-decoration:none}
.download-list img{width:90px;height:90px;margin-bottom:8px}
.download-list em{display:block;color:#999;font-style:normal}
.download-list li>a.link{display:block;height:120px;overflow:hidden}
.download-list a.btn{display:none}


/*用户中心*/
@media (min-width:768px) {
    .user_sidenav {min-height: 900px;}
}
@media (max-width:768px) {
    #floatbtn{display: none;}
}
.user_sidenav .list-group .list-group-item.active{background: #f4f4f4; border: 1px solid #f4f4f4; border-left: 2px solid #355185; border-right: 1px solid #dddddd;}
.user_sidenav .list-group .list-group-item.first{border-top: 1px solid #dddddd;}
.user_sidenav .list-group .list-group-item a{display: block;}

.user_page_right{min-height: 870px; background: #FFFFFF; margin-bottom: 20px;}
/*用户收件箱*/
.msgbox .msg-panel{min-height: 800px; height:100%}
.msgbox .msg-title{border-bottom: 1px solid burlywood; padding-top: 10px; padding-bottom: 10px;}
.msgbox .msg-title:hover{background-color:#FCF5FB;}

/*游戏浮框插件*/
.gplugin .simpage .panel .panel-heading{text-align: center; height: 50px;}
.gplugin .simpage .panel .panel-heading h3{font-size: 18px;}
.gplugin .simpage .panel .gplugin-goback{position: absolute; left: 25px; top: 10px;}
.gplugin .simpage .panel .gplugin-goback .fa{font-size: 28px; cursor: pointer;}
